<!DOCTYPE html>
<html>
<head>
  <title>Spy / Stub / Clock</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <h1>Favorite Fruits</h1>
  <ul class="favorite-fruits"></ul>
  <a href="/page2.html">Go to page 2</a>
  <br>
  <a href="/page2.html" ping="/track">Go to page 2 (with ping)</a>

  <h2>Requests from another domain</h2>
  <p>click the button to load user list from 2nd domain</p>
  <ul id="users"></ul>
  <button id="load-users">Load users</button>

  <button id="load-five-users">Load 5 users</button>

  <button id="load-second-user">Load user #2</button>

  <button id="post-user">Post user</button>

  <button id="put-user">Update user</button>

  <aside id="network-status"></aside>

  <script src="app.js"></script>
</body>
</html>
